<script setup>
import {defineModel} from "vue";
import BatchOverWritingTag from "@/components/WordFormedTag/BatchOverWritingTag.vue";
import {Close} from "@element-plus/icons-vue";
let theProps = defineProps(["theForm"]);

const model = defineModel();

</script>

<template>
    <BatchOverWritingTag v-for="(label,idx) in model" :label="label" :theForm="theForm"/>
    <el-button class="closeBtn" :icon="Close" circle></el-button>
</template>



<style scoped>
.el-button.closeBtn{
    line-height: 8px;
    height: var(--common-tag-height);
    width: var(--common-tag-height);
    padding:7px 7px;
    margin: 2px;
    font-weight: 520;
    --el-font-size-base: 12px;
    /*background-color: var(--el-button-bg-color);*/
    /*border-color: var(--el-button-border-color);*/
}
</style>